<template>
  <div class="box">
    <div class="hade">
      <img src="@/img/2019-07-12 024239.jpg" alt="" />
    </div>
    <div class="data">
      <el-table border style="width: 100%" :data="list">
        <el-table-column prop="ctime" label="注册日期" width="180"></el-table-column>
        <el-table-column prop="nickname" label="姓名" width="180"></el-table-column>
        <el-table-column prop="address" label="地址"></el-table-column>
      </el-table>
    </div>
     <div class="card">
       <el-pagination background layout="prev, pager, next" :total="50">
      </el-pagination>
     </div>
  </div>
</template>

<script>
import {postApi} from '@/api/loginApi'
export default {
  data() {
    return {
     list: []
    }
  },
  async mounted() {
    let ret = await postApi()
    this.list = ret.data.userlist
    console.log(this.list);
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  height: 100%;
  position: relative;
}
.hade {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  position: fixed;
  img {
    width: 100%;
    height: 100%;
  }
}
.data {
  width: 70%;
  // height: 100%;
  float: right;
  background: skyblue;
}
.card {

  position: absolute;
  bottom: -22px;
  left: -30px;
}
</style>